<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

<html>
<head>
    <script type="text/javascript">
        $(function () {
        })
        function set() {

            //指定首个和最后一个
            console.info($('li:last').html())
            console.info($('li:first').html('AA'))
            console.info($('li:first').html())
            //取出指定节点
            console.info($('li:eq(2)').html())
            console.info($('li').eq(2).html())

            //取出大于或小于某个的所有节点
            console.info($('li:gt(3)').html('BB'))
            $('li:lt(3)').css('color','blue')

            //奇偶选择器
            $('li:even').css('background-color','red')
            $('li:odd').css('background-color','orange')

            $('li:not(#A)').css('color','white')
            $(':header').css('background-color','red')

        }
    </script>
</head>
<body>
    <h1>并且选择器</h1>
    <h2>并且选择器</h2>
    <h3 class="pear">并且选择器</h3>
    <h4 class="pear">并且选择器</h4>
    <li id="A">A</li>
    <li>B</li>
    <li>C</li>
    <li id="D">D</li>
    <li>E</li>
    <li class="pear">F</li>
    <li>G</li>
    <li>H</li>
    <input type="button" value="set" onclick="set()"/>
</body>
</html>
